import DefaultLayout from '@/layout/default/default.component.vue';
import Home from '../views/Home.vue';
import Dashboard from '../views/dashboard/Dashboard.vue';

const router = [{
  path: '/',
  name: 'Default',
  component: DefaultLayout,
  meta: {
    routerGuard: true,
  },
  children: [
    {
      path: '',
      name: 'Dashboard',
      component: Dashboard,
      meta: {
        routerGuard: true,
      },
    },
  ],
},
{
  path: '/about',
  name: 'About',
  // route level code-splitting
  // this generates a separate chunk (about.[hash].js) for this route
  // which is lazy-loaded when the route is visited.
  component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
}];

export default router;
